<template>
	<div>
		<tabTitle title="处理记录"></tabTitle>
		<block v-for="(v,i) in list">
			<div class="recordsitem">
				<recordsVue :row="v"></recordsVue>
			</div>
		</block>
		<u-empty mode="list" v-if="list.length<=0" marginTop="80">
		</u-empty>
	</div>
</template>

<script>
	import tabTitle from '@/components/tabTitle.vue'
	import recordsVue from './components/records.vue'
	import {
		getProcessRecordList,
	} from '@/api/supervise.js'
	export default {
		components: {
			tabTitle,
			recordsVue
		},
		data() {
			return {
                 list:[]
			}
		},
		onLoad(option) {
			 this._getProcessRecordList(option.id)
		},
		methods:{
			_getProcessRecordList(id) {
				getProcessRecordList({
					id: id,
					PAGE_NO: 1,
					PAGE_SIZE: 100000
				}).then(res => {
					console.log(res);
					this.list = res.rows

				})
			},
		}
	}
</script>

<style>
	page {
		background-color: #F6F6F6;
	}
</style>
<style lang="scss" scoped>
	.recordsitem {
		margin-top: 30rpx;
	}

	.recordsitem:nth-child(1) {
		margin-top: 0;
	}
</style>